import React, {useState} from 'react'
import {random as r} from 'lodash';  // _.random

export default function Hook2() {
  //声明颜色状态
  let [color, setColor] = useState('#369');

  //声明函数
  const changeBg = () => {
    //方式一  生成随机的颜色值
    // let randColor = `rgb(${r(200, 255)},${r(200, 255)},${r(200, 255)})`;
    //修改背景颜色
    // setColor(randColor);
    //方式二  setColor 另一种用法
    setColor(() => `rgb(${r(200, 255)},${r(200, 255)},${r(200, 255)})`)
  }
  return (
    <div>
      <h1>点击修改背景颜色</h1>
      <div onClick={changeBg} style={{width: 400, height: 300, background: color}}></div>
    </div>
  )
}
